<html>
<head>
    <title>后台登陆</title>
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="__STATIC__jquery-3.1.1.min.js"></script>
    <!--载入登陆css-->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3ydsh4ma89fwdn29.css">
    <link rel="stylesheet" href="__PUBLIC__css/login.css">
</head>
<body>

<div id="login">
    <form name="form" action="{:url('login/login_ok')}" method="post">
        <!-- 登录框 -->
        <div class="login">
            <div class="login_pic">
                <div class="pic"><img src="__PUBLIC__/images/login_pic.jpg" width="130"></div>
            </div>
            <!-- 用户名-->
            <div class="form_group clearfix" style="margin-top:  100px">
                <div class="form_group_left"><i class="iconfont icon-huiyuan"></i></div>
                <div class="form_group_rig"><input type="text" value="" name="name"></div>
            </div>
            <!-- 密码-->
            <div class="form_group clearfix" style="margin-top:  20px">
                <div class="form_group_left"><i class="iconfont icon-mima"></i></div>
                <div class="form_group_rig"><input type="password" value="" name="password"> </div>
            </div>

            {if condition="$res.admin_login eq 1"}
            <!-- 用验证码-->
            <div class="form_group clearfix" style="margin-top:  20px; width:  140px">
                <div class="form_group_left"><i class="iconfont icon-icon-copy"></i></div>
                <div class="form_group_rig" style="width: 90px"><input type="text" value="" name="validator"> </div>
            </div>
            <!-- 验证码 -->
            <div style="position:relative;"><div class="verify"><img src="{:captcha_src()}" alt="captcha" onclick="javascript:this.src='{:captcha_src()}'" style="cursor: pointer"/></div> </div>
            {/if}
            <!--按钮-->
            <div class="btn"><input type="submit" value="登陆" class="submit"></div>
            <!--End-->
        </div>
    </form>
    <!-- 底部文字 -->
    <div class="bottom_text">Thinkphp 5.0 后台管理系统</div>
</div>
</body>
<script>
    $(".form_group").click(function(){
        $(".form_group").removeClass('hover');
        $(this).addClass('hover');
    });
</script>
</html>